body{margin:0;padding:0}iframe{height:500px!important}#copyBtn{width:100px;height:40px;bottom:20px;color:#fff;background-color:#00a656;border-color:#00a656;border-top-left-radius:6px;border-bottom-left-radius:6px;padding:12px 23px;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;text-align:center;box-sizing:border-box;outline:none;margin:0;transition:.1s;font-weight:500;border:none;-moz-user-select:none;-webkit-user-select:none;-webkit-appearance:none}#addonExport{height:40px;bottom:20px;color:#fff;border:none;padding-right:10px;background-color:#00a656;border-color:#00a656;border-left:1px solid rgba(255,255,255,.2);border-top-right-radius:6px;border-bottom-right-radius:6px;cursor:pointer}#exportBtn{height:40px;bottom:20px;color:#fff;background-color:#081d58;border-color:#081d58;border-radius:20px;padding:12px 23px;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;text-align:center;box-sizing:border-box;outline:none;margin:0 10px 0 0;transition:.1s;font-weight:500;border:none;-moz-user-select:none;-webkit-user-select:none;-webkit-appearance:none}#moreOption{width:130px;border-radius:4px;position:absolute;bottom:60px;right:16px;border:none;z-index:1000}#moreBtn{width:128px;padding:10px;cursor:pointer;background-color:#fff;border:none;border-radius:4px;color:#666;border:1px solid #cecece}#floatMenu{width:128px;padding:10px;cursor:pointer;background-color:#00a656;border-radius:4px;color:#fff;border:1px solid #00a656}.more-menu{width:88px;height:32px;background-color:#00a656;position:fixed;right:-58px;bottom:158px;border:1px solid #00a656;border-radius:26px;padding-left:5px;cursor:pointer;transition:all .5s}.hide-more-menu{right:-360px}.loading{display:flex;justify-content:center;align-items:center;height:100%}.spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid #00a656;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.styled-button{background-color:#fff;color:#666;border:1px solid #cecece;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.styled-button:hover{background-color:#efefef}.floating-menu{position:fixed;bottom:104px;right:-100px;background-color:#fff;border-radius:26px;box-shadow:0 2px 10px #0000004d;padding:10px 0;display:flex;flex-direction:column;align-items:center;transition:all .5s}.show-floating-menu{right:16px}.menu-item{position:relative;display:flex;align-items:center;padding:10px 10px 0;cursor:pointer;color:gray;transition:color .3s}.menu-item:hover{color:#000}.icon{font-size:24px}.tooltip{visibility:hidden;background-color:#000;color:#fff;text-align:center;border-radius:4px;padding:5px;position:absolute;bottom:7%;left:-100px;margin-bottom:5px;opacity:0;transition:opacity .3s;width:90px;line-height:18px;font-size:14px}.menu-item:hover .tooltip{visibility:visible;opacity:1}.close-menu{width:43px;height:43px;text-align:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 10px #0000004d;position:absolute;top:-52px;right:6px;cursor:pointer;svg {margin-top: 9px;}}.load-image-status{display:none;width:100%;height:28px;line-height:28px;color:#aaa;font-size:12px;background-color:#efefef;text-align:center;position:fixed;bottom:78px;left:0}.show-image-status{display:block}.katex-display,.katex-display>.katex{text-align:inherit!important;white-space:normal!important;.base {width: auto;}}.readpo-card img{max-width:100%;height:auto}.readpo-card pre{white-space:pre-wrap;word-wrap:break-word}.readpo-card table{width:100%;border-collapse:collapse}.exportIcon{position:relative;top:3px;margin-right:6px}.fireworks-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:9999;pointer-events:none;overflow:hidden}.firework{position:absolute;width:8px;height:8px;border-radius:50%;animation:firework-explosion 2s ease-out forwards}.firework-particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:particle-fade 1.5s ease-out forwards}@keyframes firework-explosion{0%{transform:scale(0);opacity:1}50%{transform:scale(2);opacity:.9}to{transform:scale(4);opacity:0}}@keyframes particle-fade{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}.firework-red{background:radial-gradient(circle,#ff6b6b,#ff3838);box-shadow:0 0 10px #ff6b6b}.firework-blue{background:radial-gradient(circle,#4ecdc4,#45b7b8);box-shadow:0 0 10px #4ecdc4}.firework-yellow{background:radial-gradient(circle,#ffe66d,#ffd93d);box-shadow:0 0 10px #ffe66d}.firework-green{background:radial-gradient(circle,#6bcf7f,#4834d4);box-shadow:0 0 10px #6bcf7f}.firework-purple{background:radial-gradient(circle,#a55eea,#8854d0);box-shadow:0 0 10px #a55eea}.firework-orange{background:radial-gradient(circle,#ff9f43,#ee5a24);box-shadow:0 0 10px #ff9f43}.firework-icon{animation:bounce .6s ease-in-out}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.pro-icon-animation{animation:pro-scale-pulse 1s ease-in-out}@keyframes pro-scale-pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:99}.modal-content{width:60%;background:white;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.modal-content ul{list-style:none;padding:0}.modal-content li{cursor:pointer;padding:10px;border-bottom:1px solid #ddd}.modal-content li:hover{background:#f0f0f0}.theme-modal-overlay{position:fixed;inset:0;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px)}.theme-modal{background:white;border-radius:16px;width:400px;box-shadow:0 10px 40px #0000001f;animation:modalFadeIn .3s ease}.theme-modal-header{padding:8px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0}.theme-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#1f2329}.theme-modal-close{background:transparent;border:none;padding:8px;cursor:pointer;border-radius:8px;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-modal-close:hover{background:#f5f5f5;color:#1f2329}.theme-modal-content{padding:24px}.theme-option{width:100%;background:white;border:1px solid #ebedf0;border-radius:12px;padding:16px 20px;margin-bottom:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.theme-option:last-child{margin-bottom:0}.theme-info{display:flex;flex-direction:column;gap:4px}.theme-name{font-size:16px;font-weight:500;color:#1f2329}.theme-description{font-size:13px;color:#86909c}.theme-arrow{opacity:0;transform:translate(-8px);transition:all .2s ease;color:#1f2329}.theme-option:hover{background:#f8f9fa;border-color:#e4e6e8;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.theme-option:hover .theme-arrow{opacity:1;transform:translate(0)}.theme-option:active{transform:translateY(0);box-shadow:0 2px 6px #0000000a}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.98) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.el-input{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:32px;line-height:32px;outline:none;padding:0 12px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input:focus{outline:none;border-color:#409eff}.el-input:hover{border-color:#c0c4cc}.confirm-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;width:32px;padding:0;border:1px solid #dcdfe6;background-color:#fff;border-radius:4px;margin-left:8px;cursor:pointer;vertical-align:middle}.confirm-btn:hover{background-color:#f5f7fa;border-color:#c6e2ff;color:#409eff}.el-input{width:80%;vertical-align:middle}.image-guide-modal{background:white;border-radius:16px;width:800px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000026;animation:modalFadeIn .3s ease;position:relative}.modal-close-btn{position:absolute;top:23px;right:16px;background:transparent;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:30px;color:#666;transition:all .2s ease;z-index:10}.modal-close-btn:hover{background:transparent;color:#333}.modal-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid #f0f0f0}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1f2329}.tab-container{display:flex;justify-content:center;padding:16px 24px;gap:8px}.tab-btn{padding:8px 24px;border:1px solid #e4e6e8;background:white;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .2s ease}.tab-btn:hover{border-color:#1456f0;color:#1456f0}.tab-btn.active{background:#1456f0;border-color:#1456f0;color:#fff}.carousel-container{position:relative;padding:0 24px 24px;display:flex;align-items:center;gap:16px}.carousel-btn{background:rgba(20,86,240,.1);border:1px solid rgba(20,86,240,.2);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:28px;color:#1456f0;transition:all .2s ease;flex-shrink:0;position:absolute;top:50%;transform:translateY(-50%)}.prev-btn{left:-24px}.next-btn{right:-24px}.carousel-btn:hover{background:rgba(20,86,240,.2);border-color:#1456f066}.carousel-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}.image-container{width:100%;max-width:600px;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.carousel-image{width:100%;height:100%;object-fit:cover;display:block}.image-info{text-align:center;max-width:500px}.image-info h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#1f2329}.image-info p{margin:0;font-size:14px;color:#666;line-height:1.5}.carousel-indicators{display:flex;justify-content:center;gap:8px;padding:0 24px 16px}.indicator{width:8px;height:8px;border-radius:50%;border:none;background:#e4e6e8;cursor:pointer;transition:all .2s ease}.indicator.active{background:#1456f0;transform:scale(1.2)}.indicator:hover{background:#1456f0;opacity:.7}.page-info{text-align:center;padding:0 24px 24px;font-size:12px;color:#999}@media (max-width: 768px){.image-guide-modal{width:95vw;margin:20px}.carousel-container{flex-direction:column;gap:12px}.carousel-btn{width:36px;height:36px;font-size:16px}.tab-btn{padding:6px 16px;font-size:13px}.modal-header h2{font-size:18px}}